<?php
  session_start();
    if(!isset($_SESSION['usuario'])){
            header('location:../html/login.html');
         }
         
         
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Tablero Gineco-Obstetricia</title>
<link rel="stylesheet" type="text/css" href="../carusel/initial.css" media="all" />
<link rel="stylesheet" type="text/css" href="../carusel/slider-vertical.css" media="all" />

<script type="text/javascript" src="../carusel/jquery.js"></script>
<script src="../carusel/slider-vertical.js" type="text/javascript"></script>
<script src="jquery-1.9.1.min.js"></script>

<style>
     #miTabla tr:nth-child(odd) {
                background-color: #FFFFFF;
                
             }

             #miTabla tr:nth-child(even) {
                background-color: #DAEAFF;
                
             }
</style>
	<script type="text/javascript">

    $(document).ready(function() {
        
			moverSlider();			
			$(".bajar-slider").click(function(){
				bajarSlider();
			});
			$(".subir-slider").click(function(){
				subirSlider();
			});
			$(".slider-vertical").mouseover(function(){
				verificar = 0;
			});
			$(".slider-vertical").mouseout(function(){
				verificar = 1;
			});			
		});
        
             function PacientesGi(){
                var tc = 2;
                $.ajax({
                         type: "POST",
                         contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                         url: "../../EntregaT/controlador/tableroQx.php",
                         data:{tc:tc},
                         success: datosGi
                     });
            }
            
            function datosGi(datos){
                $("#contenido").text("");
                rpt = $.parseJSON(datos);
                    datos = $("#contenido");
                    var resp = "";
                    resp += "<table id='miTabla'  style='font-size:120%;overflow:hidden;border:1px solid #d3d3d3;background:#fefefe;width:100%;-moz-border-radius:5px; /* FF1+ */-webkit-border-radius:5px; /* Saf3-4 */border-radius:5px;-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);'>\
                                <tr>\
                                    <th class='modulo-slider'>\
                                        <br><br>\
                                    </th>\
                                </tr>\ ";
                     var con = 1;
                     for(dat in rpt){
                     resp += "<tr >\
                                    <td class='modulo-slider' align='center' style='width: 175px;'>\
                                       "+rpt[dat].PACNUMDOC+"\
                                    </td>\
                                    <td class='modulo-slider' align='center' style='width: 527px;'>\
                                       "+rpt[dat].NOM_PAC+"\
                                    </td>\
                                    <td class='modulo-slider' align='center'>\
                                       "+rpt[dat].CONDUCTA+"\
                                    </td>\
                                </tr>\
                                ";
                    con++;
                   } 
                   datos.append(resp);
                   setTimeout('PacientesGi()',60000);
            }
          
            function hora(){
                /* Capturamos la Hora, los minutos y los segundos */
                marcacion = new Date(); 

                /* Capturamos la Hora */
                Hora = marcacion.getHours(); 

                /* Capturamos los Minutos */
                Minutos = marcacion.getMinutes(); 

                /* Capturamos los Segundos */
                Segundos = marcacion.getSeconds(); 

                /* Si la Hora, los Minutos o los Segundos
                Son Menores o igual a 9, le añadimos un 0 */

                if (Hora<=9)
                Hora = "0" + Hora;

                if (Minutos<=9)
                Minutos = "0" + Minutos;

                if (Segundos<=9)
                Segundos = "0" + Segundos;

                /* Termina el Script del Reloj */


                /* Coemienza eñ Script de la Fecha */
                var Mes = new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
                var Hoy = new Date();
                var Anio = Hoy.getFullYear();
                var Fecha = + Hoy.getDate() + "   de  " + Mes[Hoy.getMonth()] + "  de  " + Anio + "  hora:   ";

                /* Termina el script de la Fecha */


                /* Creamos 4 variables para darle formato a nuestro Script */
                var Inicio, Script, Final, Total;

                /*En Inicio le indicamos un color de fuente  y un tamaño */
                Inicio = "<font size=5>";

                /* En Reloj le indicamos la Hora, los Minutos y los Segundos */
               Script = Fecha + Hora + ":" + Minutos + ":" + Segundos; 

                /* En final cerramos el tag de la fuente */
                Final = "</font>";

                /* En total Finalizamos el Reloj uniendo las variables */
                Total = Inicio + Script + Final;

                /* Capturamos una celda para mostrar el Reloj */
                document.getElementById('fecha').innerHTML = Total;

                /* Indicamos que nos refresque el Reloj cada 1 segundo */
                setTimeout("hora()",1000);
            }
   </script>
</head>
    <body onload="PacientesGi();hora();">
        
    <div align="center" style="font-size: 150%;background:linear-gradient(#B5B5B5,#e8eaeb);height:10%; border-radius: 10px 10px 0 0;"><br>
        <strong></strong>
    </div>
        <table style="width: 100%">
            <tr>
                <td style='padding: 1px; text-align: center; border-top: 1px solid rgb(224, 224, 224); border-right: 1px solid rgb(224, 224, 224); background: none repeat scroll 0% 0% rgb(232, 234, 235); width: 117px;'>
                   <b>DOCUMENTO
                </td>
                <td style='padding: 1px; text-align: center; border-top: 1px solid rgb(224, 224, 224); border-right: 1px solid rgb(224, 224, 224); background: none repeat scroll 0% 0% rgb(232, 234, 235); width: 332px;;'>
                   <b>NOMBRE
                </td>
                <td style='padding: 1px; text-align: center; border-top: 1px solid rgb(224, 224, 224); border-right: 1px solid rgb(224, 224, 224); background: none repeat scroll 0% 0% rgb(232, 234, 235); width: 364px;'>
                   <b>UBICACION
                </td>
            </tr>
        </table>
    <div class="container">
        <div class="nivel slider-vertical">
           <div>
                <div class="bloque-slider">
                    
                    <div id="contenido"></div>
                </div>
            </div>
        </div>
    </div><br>
        <strong><div  id="fecha" align="right" style="margin-right: 50px"></div></strong>
        <marquee width="1300" hspace="50"  scrolldelay="130"  direction="left">
            <font color="0080C0" size="6" face="Arial, Helvetica, sans-serif">			
            <strong>
                <br>
                    Nuestra atención esta orientada a la satisfacción del paciente y su familia, si se le presenta algún inconveniente favor comuniquese al teléfono 8782500 ext 1003 al celular 3162424528 o a la línea gratuita 018000089999. Gracias por preferirnos. 
                    SES Hospital de Caldas un hospital seguro para todos.
                <br><br>
            </strong> 
        </marquee>
    </body>
</html>
